<h1>
<img src=<%= @conferencia.cargarImagen() %> class="img-thumbnail" style="border-radius: 5%; height:60px;">
<%= @conferencia.nombre	%>
</h1>

<h2><span class="glyphicon glyphicon-calendar"/>&nbsp;Agenda</h2>
<br/>
<div id="row">
  <% @conferencia.diasDeDuracion.times do | numeroDia | %>
	<div class="col-md-4">
	  <div class="panel panel-primary">
		<div class="panel-heading">
			<h4><small>Día <%= numeroDia+1 %></small> <%= @conferencia.fechaParaDia(numeroDia) %></h4>
		</div>
		<div class="panel-body">
		<table class="table">
		  <% @charlasAceptadasConPlanificacion[numeroDia].each do |charla| %>
			<tr>
				<td><span class="badge" style="float: left;">
				<%= Charla.convertirMinutesToHourString(charla.horarioInicio) %> - <%= Charla.convertirMinutesToHourString(charla.horarioFin) %> hs - 
				</span> &nbsp				
				<a href="#" data-toggle="modal" data-target="#basicModal" 
					onclick="abrirModal(<%= charla.id %>)"><%= charla.titulo%></a>
				</td>
				<div class="modal fade" id="basicModal_<%= charla.id %>" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
					<div class="modal-dialog">
					  <div class="modal-content">
					  	<div class="modal-header">
					        <button type="button" class="close" data-dismiss="modal">
					        	<span aria-hidden="true">&times;</span>
					        	<span class="sr-only">Close</span>
					        </button>
					        <h4 class="modal-title"><%= charla.titulo%></h4>
  				        </div>
  				        <div class="modal-body">
				        	<b>Descripción: </b> <%= charla.abstract%><br/>
				        	<b>Orador: </b> <%= charla.datosBasicosUsuario(charla.usuario)%><br/>
				        	<b>Moderador: </b> <%= charla.datosBasicosUsuario(charla.moderador) %>
				        </div>
					    <div class="modal-footer">
					      	<button type="button" class="btn btn-default" data-dismiss="modal">Volver</button>		
					    </div>
					  </div>
					</div> 
				</div>
			</tr>
		  <% end %>
		  </table>
		</div>
	  </div>
	</div>
  <%end%>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<form method="GET" action ="/listaConferencia">
	<input type="submit" value="Volver" class="btn btn-default"/>
</form>

<script type="text/javascript">
	function abrirModal(idCharla){
		var options = { "backdrop" : "static" }
		$('#basicModal_' + idCharla ).modal(options);
	}
</script>